<template>
    <div class="router-menus">
        <ul class="left">
            <router-link to="/router/install" tag="li">路由安装</router-link>
            <router-link to="/router/options" tag="li">路由的配置</router-link>
            <!-- <router-link to="/install" tag="li">路由安装</router-link>
            <router-link to="/options" tag="li">路由的配置</router-link> -->
        </ul>
        <div class="right">
            <router-view></router-view>
        </div>
    </div>
</template>

<style lang="less" scoped>
.router-menus{
    display: flex;
    flex-flow: row nowrap;
}
.left{
    margin: 0px;
    width: 150px;
    border-right: 1px solid #dedede;
    flex-shrink: 0;
}
.left li{
    margin: 20px;
    cursor: pointer;
}
.right{
    margin: 20px 40px;
}
.ex-active{
    color: brown;
}
</style>